﻿function initCityMsater() {
    //判断Suburb这个下拉框是否为空.
    if (document.getElementById("Suburb").value == "" || document.getElementById("Suburb").value == null) {
        //                document.getElementById("Suburb").style["width"] = 50px;
        //                document.getElementById("Suburb").style["height"] = 30px;
        document.getElementById("Suburb").disabled = true;
    }

    //初始化此文件中的所有方法
    ChangeIdCityDetail();
    changeProvince();
   
    change();
    //serach();
    getCityImg();
    
}

//为Category下拉框标签填充值
function ChangeIdCityDetail() {
    //定义Category
    var $dest1 = $("#Category");
    //定义HTML文字
    var option = '<option value = "first">' + '--请选择您要的选项--' + '</option>';
    //通过JSON得到相应的记录
    $.getJSON('/City/ChangeIdCityDetail/1', { t: new Date() }, function(j) {

    for (var i = 0; i < j.length; i++) {
        //得到查询出的值
            var values = j[i];
            var arr = new Array();
            //分割开所有我们需要得到的相应的数据
            arr = values.split("|");
            //为OPTION添加值
            option += '<option value = "' + arr[1] + '">' + arr[0] + '</option>';
        }
        //把值放到HTML页面上的DROPDOWNLIST
        $dest1.removeAttr('disabled')
                    .html(option)
                    .find('option:first')
                    .attr('selected', 'selected');
    });
}
//切换城市生成方法
function changeProvince() {
    //通过JSON得到每个地区
    $.getJSON('/City/changeProvince/1', { t: new Date() }, function(j) {
        for (var i = 0; i < j.length; i++) {
            var value = j[i];
//分割开所有的数据,得到我们需要的数据
            var arr = new Array();
            arr = value.split('|');
//调用CHANGECITY这个方法来得到相应地区的城市
           changeCity(arr[0],arr[1]);
            

        }
    })
    //地区结束
}
//通过Province和ProvinceName来得到每个地区相应的城市
function changeCity(Province,ProvinceName) {
    //通过JSON得到每个城市
    
    $.getJSON('/City/changeCity/' + Province, { t: new Date() }, function(j) {
        var s = "";
        for (var i = 0; i < j.length; i++) {

            var value = j[i];
            //调用insertTable来生成这个功能的TABLE.以显示所有的数据
            insertTable(ProvinceName, value);
        }


    })
    //转换城市JS结束
}

//生成table开始
function insertTable(ProvinceName, value) {
    //初始化数据
    var arr = new Array();
    var arr1 = new Array();
    var arr2 = new Array();
    //定义TR
    var tr1 = document.getElementById("changeCity_tb").insertRow();
    //分割相应的数据
    arr = value.split(',');
    
    for (var i = 0; i < arr.length ; i++) {
//通过TR生成TD
        var td1 = tr1.insertCell();
        //定义TD的width
        td1.width = "70px";

        if (i == 0) {
        //当进行第一次循环的时候把大地区先写
            td1.innerHTML = ProvinceName;
        } else {
       //当不是第一次循环的时候就开始把相应的城市写到相应的地区中
                arr1 = arr[i - 1].split('|');
                
                td1.innerHTML = "<a class='changecity' style='text-decoration:none; color:#505ABC'  href='/City/CityDetail/" + arr1[0] + "'>" + arr1[1] + "</a>";

        }

    }

}
//生成table结束

//当选择了第一个的下拉框以后进行的AJAX效果显示
function change() {
    $("#Class").change(function() {
    //得到CLASS中用户选择的选项ID
        var classid = document.getElementById("Class").value;
        var $dest = $("#Category");
    //通过JSON来得到相应的数据
        $.getJSON("/City/ChangeIdCityDetail/" + classid, { t: new Date() }, function(json) {
            var option = '<option value = "first">' + '--请选择您要的选项--' + '</option>';
            for (var i = 0; i < json.length; i++) {
                var values = json[i];
                var arr = new Array();
                //分割开出来的数据
                arr = values.split("|");
                if (values != "--请选择您要的选项--") {
                    //往OPTION里加入相应的数据
                    option += '<option value = "' + arr[1] + '">' + arr[0] + '</option>';

                }
            }
            //把所有的数据加入到下拉框中
            $dest.removeAttr('disabled')
                    .html(option)
                    .find('option:first')
                    .attr('selected', 'selected');
        }); // end getJSON

    })  // end change
}

//得到城市市标
function getCityImg() {
//通过URL来得到现在所在城市的ID
    var locationUrl = window.location.href;
    var CityID = locationUrl.split('/');
    var ID = CityID[CityID.length - 1];
    if (ID.split('#').length > 1) {
        var s = ID.split('#');
        ID = s[0];
    }
//通过JSON来得到相应城市的IMG的NAME
    $.getJSON('/Util/getCityImg/' + ID, { t: new Date() }, function(j) {
    var value = j[0];
    //当查询出来的IMGNAME为no image的时候就往该TD添加空字段
        if (value == 'no image') {
            document.getElementById("testCityImg").innerHTML = "";
            
        } else {
          //把查询出来的IMG显示在页面中给用户展示
            document.getElementById("testCityImg").innerHTML = "<img width='60px' height='60px' id='img_CityImg' src = '" + value + "'/>";

        }
    })
}




